/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:1px 15px; /* This acts as a border for the content slider */
  background:e4ebf3; /* This is the color of said border */
  margin:10px;
  
  float: left;

border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
  
  
}
.cs_wrapper, .cs_article {
  /*background:#FFF;  Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
  /*background:#333; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:14px!important;
  line-height:18px;
  color:#da2323;
}
  .cs_article h2 a {
    color:#225b9e;
    text-decoration:none;
  }
/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  background: url(../imagenes/bg-slide-calendario.png) repeat-x;
  display:block;
  width:703px!important;
  height:53px!important;
/*  overflow:hidden;*/
/*  padding: 10px 10px;*/
  margin: 10px auto;
  border:1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  /*--sombra--*/
	-moz-box-shadow: 1px 1px 1px #b7b2ab;
	-webkit-box-shadow: 1px 1px 1px #b7b2ab;
	box-shadow: 1px 1px 1px #b7b2ab;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#b7b2ab')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#b7b2ab');
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:230px!important;
  height:35px!important;
  margin:0 auto;
  padding:0;
  border-right: 1px solid #666565;
}
.cs_article h2 {
  display:block;
 /* width:26%;*/
  margin:10px 20px !important;
  text-align:center;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:30px;
  padding:10px 0;
  z-index:10000;
  background:#e4ebf3;
  border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:5px!important;
  margin:0;
  left: 5px;

}